@import "app.css";
@import "border.css";
@import "color.css";
@import "fa.css";
@import "flex.css";
@import "font.css";
@import "layout.css";
@import "layoutPosition.css";
/*@import "media.css";*/

i{
  font-style: normal;
}

.sf-toolbar{

  display: none !important;
}

.hidden{
  display: none;
}

.ofsx{
  overflow-x: scroll;
}

.ofsy{
  overflow-y: scroll;
}

.ofh{
  overflow: hidden;
}

.ofe{
  overflow: hidden;
  text-overflow:  ellipsis;
  word-break: break-all;
  white-space:  nowrap;
}

.color1{background: rgb(255, 0, 0);}
.color2{background: rgb(0, 153, 255);}
.color3{background: rgb(255, 153, 51);}
.color4{background: rgb(51, 102, 204);}
.color5{background: rgb(255, 51, 204);}
.color6{background: rgb(255, 102, 51);}
.color7{background: rgb(255, 102, 255);}
.color8{background: rgb(51, 153, 51);}
.color9{background: rgb(255, 0, 51);}
.color10{background: rgb(0, 204, 102);}

.OtherInfo .Row1{font-size: 24rem;}
.OtherInfo .Row2{font-size: 24rem;padding-top: 6rem;}

/*****************************end**************************/

.shadow1{
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.shadow2{
  box-shadow: 1px 1px 6px rgba(0,0,0,0.6);
}
.shadow3{
  box-shadow: 1px 1px 12px rgba(0,0,0,0.6);
}
.shadow4{
  box-shadow: 1px 1px 24px rgba(0,0,0,0.6);
}
.shadow5{
  box-shadow: 1px 1px 48px rgba(0,0,0,0.6);
}



/*透明度相关*/
/*****************************start**************************/
.op0{opacity: 0;}
.op1{opacity: 0.1;}
.op2{opacity: 0.2;}
.op3{opacity: 0.3;}
.op4{opacity: 0.4;}
.op5{opacity: 0.5;}
.op6{opacity: 0.6;}
.op7{opacity: 0.7;}
.op8{opacity: 0.8;}
.op9{opacity: 0.9;}
/*****************************end****************************/


/*形状相关*/
/*****************************start**************************/
.list-style-1{border-left: 0.2rem solid #f7ba00;padding-left: 0.5rem;}
.list-style-2{border-left: 0.2rem solid #DDD;padding-left: 0.5rem;}


/*****************************end**************************/


[v-cloak]{
  display: none;
}

